@charset "utf-8";
// 背景色
$background-color-theme: #409EFF;
$background-color-theme1: #1890ff;
$background-color-theme2: #304156;
$background-color-theme3: #212121;
$background-color-theme4: #11a983;
$background-color-theme5: #13c2c2;
$background-color-theme6: #6959CD;
$background-color-theme7: #f5222d;
// 字体色
$font-color-theme : #409EFF;
$font-color-theme1 : #1890ff;
$font-color-theme2 : #304156;
$font-color-theme3 : #212121;
$font-color-theme4 : #11a983;
$font-color-theme5 : #13c2c2;
$font-color-theme6 : #6959CD;
$font-color-theme7 : #f5222d;

// 根据data-theme的属性值添加对应的颜色
@mixin font_color($color){
    color:$color;
    [data-theme="theme0"] & {
        color:$font-color-theme;
    }
    [data-theme="theme1"] & {
        color:$font-color-theme1;
    }
    [data-theme="theme2"] & {
        color:$font-color-theme2;
    }
    [data-theme="theme3"] & {
        color:$font-color-theme3;
    }
    [data-theme="theme4"] & {
        color:$font-color-theme4;
    }
    [data-theme="theme5"] & {
        color:$font-color-theme5;
    }
    [data-theme="theme6"] & {
        color:$font-color-theme6;
    }
    [data-theme="theme7"] & {
        color:$font-color-theme7;
    }
}

@mixin bg_color($color){
    background-color:$color;
    [data-theme="theme0"] & {
        background-color:$background-color-theme;
    }
    [data-theme="theme1"] & {
        background-color:$background-color-theme1;
    }
    [data-theme="theme2"] & {
        background-color:$background-color-theme2;
    }
    [data-theme="theme3"] & {
        background-color:$background-color-theme3;
    }
    [data-theme="theme4"] & {
        background-color:$background-color-theme4;
    }
    [data-theme="theme5"] & {
        background-color:$background-color-theme5;
    }
    [data-theme="theme6"] & {
        background-color:$background-color-theme6;
    }
    [data-theme="theme7"] & {
        background-color:$background-color-theme7;
    }
}